import { PropType } from 'vue';
import type { SearchOptionsType } from '../../SearchBar';
/**
 * 标签列表 item
 */
interface TabsItem {
  label: string;
  value: string;
}

/**
 * page header props type
 */
export interface CPageHeaderProps {
  /**
   * 标题
   */
  title?: string;
  /**
   * 辅助文案
   */
  descText?: string;
  /**
   * 说明文案
   */
  explainText?: string;
  /**
   * 标签列表
   */
  // tabsList?: TabsItem[];
  /**
   * 标签默认激活页
   */
  // defaultActiveTab?: string;
  /**
   * 是否有返回按钮
   */
  isBack?: boolean;
  /**
   * 搜索配置
   */
  searchOptions: SearchOptionsType[];
  /**
   * 搜索的form
   */
  searchForm: any;
}

/**
 * page header props
 */
export const pageHeaderProps = {
  /**
   * 标题
   */
  title: {
    type: String as PropType<string>,
    default: ''
  },
  /**
   * 辅助文案
   */
  descText: {
    type: String as PropType<string>,
    default: ''
  },
  /**
   * 说明文案
   */
  explainText: {
    type: String as PropType<string>,
    default: ''
  },
  /**
   * 底部边框
   */
  border: {
    type: Boolean as PropType<boolean>,
    default: true
  },
  // /**
  //  * 标签列表
  //  */
  // tabsList: {
  //   type: Array as PropType<TabsItem[]>,
  //   default: () => {
  //     return [];
  //   }
  // },
  // /**
  //  * 标签默认激活页
  //  */
  // defaultActiveTab: {
  //   type: String as PropType<string>,
  //   default: ''
  // },
  /**
   * 是否有返回按钮
   */
  isBack: {
    type: Boolean as PropType<boolean>,
    default: false
  },
  /**
   * 搜索配置
   */
  searchOptions: {
    type: Array as PropType<SearchOptionsType[]>,
    default: () => {
      return [];
    }
  },
  /**
   * 搜索的form
   */
  searchForm: {
    type: Object as PropType<any>,
    default: () => {
      return {};
    }
  }
};
